//1.全局安装gulp npm install gulp --global
//2.本地安装gulp npm install gulp --save-dev
//3.配置gulp任务


const gulp = require("gulp");
//压缩css代码
const CleanCss = require("gulp-clean-css");
//自动添加css前缀 2018813新添加
const autoprefixer = require('gulp-autoprefixer');
//抑制错误 2018813新添加
const plumber = require('gulp-plumber');

var browserSync = require('browser-sync').create();
//引入gulp-scss 2018813新增加
const sass=require("gulp-sass");  
//将scss编译成css
gulp.task("sass",function(){
	gulp.src("src/scss/**/*.scss")
	.pipe(plumber())
	.pipe(sass())
	.pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
	.pipe(plumber.stop())
	.pipe(gulp.dest("src/css/"))
})
// 静态服务器
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        },
        port:8888    //重新设置端口 加上 上面的逗号
    });
    gulp.watch(["src/html/**/*.html"],browserSync.reload)
    gulp.watch("src/scss/**/*.scss",["sass"]).on("change",browserSync.reload)
});

gulp.task("copy-html",function(){
	//html文件导入进来     /**所有文件
	gulp.src("src/html/**/*.html")
	.pipe(gulp.dest("dist/"))
})

gulp.task("minify-css",function(){
//		要处理的css文件,导入进来
		gulp.src("src/css/*.css")
//		压缩css代码
		.pipe(CleanCss({compatibility:'ie8'}))
		.pipe(gulp.dest("dist/css"))
})

gulp.task("default",function(){
	console.log("default");
})
//定义一个任务
gulp.task("hi",function(){
	console.log("hello");
})
